<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ReporteMonitoreoMapa.aspx.cs" Inherits="Reporte_monitoreo_ReporteMonitoreoMapa" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title><%= IdiomaCultura.getMensaje(IdiomaCultura.WEB_TITULO) %></title>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="expires" content="-1" />
 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&<%=ManagerConfiguration.getCodeCountryGMaps() %>"></script>
    <script type="text/javascript" src="<%=Request.ApplicationPath%>/UtilWeb/Script/keydragzoom.js"></script>
    
   <link href="<%=Request.ApplicationPath%>/UtilWeb/Style/Gmap2.css" media="screen" rel="stylesheet" type="text/css"  />
    <script src="<%=Request.ApplicationPath%>/UtilWeb/script/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
   <script src="<%=Request.ApplicationPath%>/UtilWeb/Script/Gmap2.js" type="text/javascript"></script>
   <script src="<%=Request.ApplicationPath%>/UtilWeb/Script/Gmap2Template.js" type="text/javascript"></script> 
   
    <%--datapicker--%>
    <script type="text/javascript" src="<%=Request.ApplicationPath%>/UtilWeb/Script/jquery/date/date.js"></script> 
    <script type="text/javascript" src="<%=Request.ApplicationPath%>/UtilWeb/Script/jquery/date/jquery.js"></script> 
    <link href="<%=Request.ApplicationPath%>/UtilWeb/Script/jquery/date/demo.css" media="screen" rel="stylesheet" type="text/css"  />
    <link href="<%=Request.ApplicationPath%>/UtilWeb/Script/jquery/date/datePicker.css" media="screen" rel="stylesheet" type="text/css" />
 <%--fin datapicker--%>
   
<script type="text/javascript">
       
       var ultimaPosicion = false;
       
      function isultimaPosicion( ) {
      
          return ultimaPosicion;
      }
       
    function InicializarCoordenadas()
    {
         latitudIni ='<%= latitud  %>';
         longitudIni = '<%=  longitud %>';
    }
    
 	 function showMessageDialog(indice, datos){
 
	    if(!isultimaPosicion( ) )
	    {
			var arrDatosTotal = datos.split("$$"); 

			var arrDatos = arrDatosTotal[0].split("|"); 
			
			var actividad = "" + arrDatos[2];
			var estado = "" + arrDatos[3];
			var fechaMovil  = "" + arrDatos[4];
			var observacion = "" + arrDatos[5];
			var entrega = "" + arrDatos[6];
			
			var direccion = "" + arrDatos[8]; // nuevo
			
			var innerFoto = '<tr>';
			// pruebas con i 9
			//for(var i=8; i<arrDatos.length; i++){
			for(var i=9; i<arrDatos.length; i++){
			 
			    
			 
			     innerFoto = innerFoto + "<td> <a  rel='IFoto.ashx?IdFoto="+ arrDatos[i] 
			                        +"&max=1' class='image' onclick='mostrarImagen(this)'> <img  src='IFoto.ashx?IdFoto="
			                        + arrDatos[i] 
			                        +"' with='60' heigth='60' class='thumb' border='0'/> </a></td>";
			                        
			   if( i == (arrDatos.length - 1) ){
			       innerFoto = innerFoto + "</tr><tr><td id='image' colspan='"+(arrDatos.length-8)
			                    + "'><img src='IFoto.ashx?IdFoto="+ arrDatos[i] 
			                    + "&max=1' border='0'/></td></tr>";
			     }
			}
			
			var cadFoto = "<div class='section1'>"+
			                 "<table border='0' cellpadding='2' cellspacing='2'>"
			                 + innerFoto +
			                 "</table>"+
			             "</div>";
  
  
			var showInfo = "<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_ACTIVIDAD).ToUpper()) %>"+":</B> " + trim(actividad) + "<BR />" +
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_DIRECCION).ToUpper()) %>"+":</B> " + trim(direccion) + "<BR />" + // nuevo
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_ESTADOS).ToUpper()) %>"+":</B> " + trim(estado) + "<BR />" +
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_FECHAMOVIL).ToUpper()) %>"+":</B> " + trim(fechaMovil) + "<BR />" +   
				trim(entrega) ;
			
			var cadena = "<div class='title'>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_SECUENCIA).ToUpper()) %>"+": " + (eval(indice) + 1 )  + "</div>" +
			             "<div class='section1'>"+
			                 "<table border='0' cellpadding='2' cellspacing='2'>"+
			                 "<tr><td>" + showInfo + "</td></tr>"+
			                 "</table>"+
			             "</div>";

            
			cadena = cadena + cadFoto;
			
			$("#idOculto").html(cadena);
	 	        
			return cadena;
		}
		else
		{
		    var arrDatosTotal = datos.split("$$"); 

			var arrDatos = arrDatosTotal[0].split("|"); 
			
			var nombresuario = "" + arrDatos[2];
			var codigousuario = "" + arrDatos[3];
			var fecha  = "" + arrDatos[4];
			var observacion = "" + arrDatos[5];
			var entrega = "" + arrDatos[6];
			var asist = "" + arrDatos[7];
			
			var direccion = "" + arrDatos[8]; // nuevo
			
			var asistencia;
			if(asist=='S')
			    asistencia ='<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_SATELITE).ToUpper()) %>';
			else 
			    asistencia ='<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_CELDA).ToUpper()) %>';
			
			var showInfo = "<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_USUARIO_UPPER)) %>"+":</B> " + trim(nombresuario) + "<BR />" +
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_CODIGO).ToUpper()) %>"+":</B> " + trim(codigousuario) + "<BR />" +
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_DIRECCION).ToUpper()) %>"+":</B> " + trim(direccion) + "<BR />" + // nuevo
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_FECHA).ToUpper()) %>"+":</B> " + trim(fecha) + "<BR />" +
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_ASISTENCIA).ToUpper()) %>"+":</B> " + trim(asistencia) + "<BR />" +
				trim(entrega) ;
			
			var cadena = "<div class='title'>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_SECUENCIA).ToUpper()) %>"+": " + (eval(indice) + 1 )  + "</div>" +
			             "<div class='section1'>"+
			                 "<table border='0' cellpadding='2' cellspacing='2'>"+
			                 "<tr><td>" + showInfo + "</td></tr>"+
			                 "</table>"+
			             "</div>";
			             
			return cadena;
		}	
	   }

     function mostrarLabelUsuario(nombre)
     {
        $('#idSpanUsuario').show();
        $('#idLabelUsuario').html(nombre);
        
        $('#idSpanPerfil').hide();
        $('#idLabelPerfil').html('');
     
     }
     
     function mostrarLabelPerfil(nombre)
     {
        $('#idSpanUsuario').hide();
        $('#idLabelUsuario').html('');
        
        $('#idSpanPerfil').show();
        $('#idLabelPerfil').html(nombre);
     
     }

     function mostrarTraking( codigousuario, nombreUsuario){
        
       ultimaPosicion=false;
       $('#chkUltima').attr('checked',false);
       
        var asistencia;
        $('#hidUsuario').get(0).value = codigousuario;
        $('#hidNombreUsuario').get(0).value = nombreUsuario;
        $('#hidPerfil').get(0).value = ''; // tracking no es para perfiles
        $('#hidNombrePerfil').get(0).value = ''; // tracking no es para perfiles
        
        
        mostrarLabelUsuario(nombreUsuario);
        //$('#idLabelUsuario').html(nombreUsuario);
        
        
        asistencia = '0'; 
        if( $('#idChkAsistencia').attr('checked') )
        {
          asistencia = '1';
        }
        
        var parametro = 'codigousuario=' + codigousuario;
        parametro += '&idfechas=' + $('#idfechas').get(0).value;
        parametro += '&asistencia=' + asistencia;
       parametro += '&modo=T';
        
        enviarMapa('MonitoreoMapsActualiza.ashx', parametro); //ojo acá
        
        cargaInicio ( );
     }
     
      function cargaInicio( ){
      
          if( $('#idChkActualiza').attr('checked') )
          {
            window.setTimeout("show_data( );",( parseInt(20) * 1000 ));
          }
          
      }
      
      function show_data( ){ 
         if( trim( $('#hidUsuario').get(0).value ) != '' &&  $('#idChkActualiza').attr('checked')  ) {
            mostrarTraking( $('#hidUsuario').get(0).value, $('#hidNombreUsuario').get(0).value );
         } 
         else if ( $('#chkUltima').attr('checked') && $('#idChkActualiza').attr('checked') )
         {
            if($('#hidPerfil').get(0).value!='')
            {
                mostrarUltimaPosicionGrupo( '', '');
            }
            else
            {   
                mostrarUltimaPoscicion( );
            }

         }
      }


     function activarActualizar(obj){
       if(obj.checked)
        {
         cargaInicio( ); 
        }
     }
     
     function mostrarUltimaPoscicion( ){
	   
	   // si hidPerfil tiene valor se muestra ultima posicion grupo
	   if($('#chkUltima').attr('checked') && ($('#hidPerfil').get(0).value!=''))
       {
            mostrarUltimaPosicionGrupo('','');
       }
	   else if( $('#chkUltima').attr('checked') && ($('#hidPerfil').get(0).value=='') )
	   {
	       
	   
	       ultimaPosicion = true;
	       var asistencia;
	       asistencia = '0'; 

            $('#hidUsuario').get(0).value = '';
            $('#hidNombreUsuario').get(0).value = '';
            
            mostrarLabelUsuario('');
            //$('#idLabelUsuario').html('');
            
            
            
            $('#hidPerfil').get(0).value = '';
            $('#hidNombrePerfil').get(0).value = '';
           
            if( $('#idChkAsistencia').attr('checked') )
            {
              asistencia = '1';
            }
            
	       var  parametro = 'codigoperfil=' + $('#hidPerfil').get(0).value;
	       parametro += '&idfechas=' + $('#idfechas').get(0).value;
           parametro += '&asistencia=' + asistencia;
           parametro += '&modo=P';
          
           enviarMapa('MonitoreoMapsActualiza.ashx', parametro); //ojo acá
           
           cargaInicio( );
           
       }
       else
       {
            ultimaPosicion = false;
            clearOverlays( ); 
       }
       
	}
	
	
	// agregado
     function mostrarUltimaPosicionGrupo(codigoperfil, nombrePerfil){
        
        if( $('#chkUltima').attr('checked') )
        {
        
           ultimaPosicion = true;
	       var asistencia;
	       asistencia = '0'; 
	       
	       // si no enviamos codigoPerfil usamos el de hidden
	       if(codigoperfil!='')
	       {
	           $('#hidPerfil').get(0).value = codigoperfil;
	           $('#hidNombrePerfil').get(0).value = nombrePerfil;
	       }
	       
            $('#hidUsuario').get(0).value = '';
            $('#hidNombreUsuario').get(0).value = '';
            
            //$('#idLabelUsuario').html($('#hidNombrePerfil').get(0).value); // nombre perfil
            mostrarLabelPerfil($('#hidNombrePerfil').get(0).value);
            
            if( $('#idChkAsistencia').attr('checked') )
            {
              asistencia = '1';
            }
            
	       var  parametro = 'codigoperfil=' + $('#hidPerfil').get(0).value;
	       parametro += '&idfechas=' + $('#idfechas').get(0).value;
           parametro += '&asistencia=' + asistencia;
           parametro += '&modo=P';
          
           enviarMapa('MonitoreoMapsActualiza.ashx', parametro); //ojo acá
           
           cargaInicio( );
        
        }
        else
        {
            ultimaPosicion = false;
            clearOverlays( ); 
        }
        
     }   
	
	
	
	function activarCelda(){
	    if( $('#chkUltima').attr('checked') )
	    {
	        if( trim( $('#hidPerfil').get(0).value ) != '' ) {
                mostrarUltimaPoscicion();
            }
            else
            {
                mostrarUltimaPosicionGrupo('','');
            }
	    
	       
	    }
	    else
	    {
	        if( trim( $('#hidUsuario').get(0).value ) != '' ) {
                mostrarTraking( $('#hidUsuario').get(0).value, $('#hidNombreUsuario').get(0).value );
            }
            //if( trim( $('#hidPerfil').get(0).value ) != '' ) {
            //    mostrarTrackingGrupo( $('#hidPerfil').get(0).value, $('#hidNombrePerfil').get(0).value );
            //}
	    }
	}

	Date.firstDayOfWeek = 7;
	
	<% if(ManagerConfiguration.FORMATODDMMYY == ManagerConfiguration.formatofecha) {
    %> 
	    Date.format = 'dd/mm/yyyy';
	 
	<% } else if(ManagerConfiguration.FORMATOMMDDYY == ManagerConfiguration.formatofecha) {
    %> 
	    Date.format = 'mm/dd/yyyy';
	<% } %>
	  
	$(function() {
	    var fecha=new Date();
	    $('.date-pick').datePicker({startDate:'01/01/1986'});
        $('.date-pick').datePicker({defaultDate:'fecha'});
	});
	
	

	
	
</script>

</head>
<body onload="initialize(); mostrarLabelUsuario();" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" >

  <form id="form1" action="#">
  
    <table width="100%"    border="0" cellspacing="0" cellpadding="0" >  
       <tr style="height: auto;">
          <td colspan='2' style="width: 100%; border: 1px solid #aaa; text-align:left">  
          <table  width="100%" border="0" cellpadding="4" cellspacing="0"  >  
                <tr>
                    <td style="background-color:#88012c; color:White" align="center" colspan="2">
                        <b><%=IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_TRACKING) %></b>
                    </td>                
                </tr>
                <tr>
                 <td> 
                        
                        <span id="idSpanUsuario">
                           <b><%=IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_USUARIO_UPPER) %>:</b></span>
                         <span id="idLabelUsuario"> &nbsp; </span> 
                         
                         <span id="idSpanPerfil">
                           <b><%=IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_PERFIL).ToUpper() %>:</b></span>
                         <span id="idLabelPerfil"> &nbsp; </span> 
                         
                        </td>
                    <td align="right" >
                        
                        <b><%=IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_ULTIMA_POSICION) %>:</b> <input type="checkbox" id="chkUltima" onclick="mostrarUltimaPoscicion( )"/>
                        
                        <b><%=IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_ACTUALIZAR) %>:</b> <input type="checkbox" id="idChkActualiza" onclick="activarActualizar(this)" />
                 
                        <b><%=IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_INCLUYE_CELDA)%>:</b> <input type="checkbox" id="idChkAsistencia" onclick="activarCelda()"/> 
                        
                        &nbsp; <b><a style="cursor:pointer" class="iconoDerecha" id="idBarra"> &nbsp;&nbsp;&nbsp;&nbsp;</a></b>
                    </td>
                </tr>
              </table> 
       </td>       
       </tr> 
       <tr style="width:100%; height: 650px;">
        <td id="idTrMap" align="right" valign="top" style="width:95%;">
         <div id="map" style="height: 650px; background-color: #88012c; text-align:left; border-style:solid; border-width: 0px;">
        </div>
        </td>
            <td id="idTrSider" align='right' valign='top' style="width:5%;" >
		    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="lista">
			    <tr align='left' valign='top'> 
			    <td  align='left' valign='top'>
			       <div id="sidebar" >
			            <ul class="sidebar-list">
			            <% foreach (PerfilBean bean in listaPerfil){ %>
			             <li class="listaUser" >
			                <a href="#" class="plusminus" onclick="mostrarUltimaPosicionGrupo('<%=Tarea.JSEncode(bean.codigorol) %>', '<%=Tarea.JSEncode(bean.nombrerol) %>' ); ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> 
			                <a href="#" 
                               onclick="mostrarListaUsuario(this);"    
	                           title="<%=HttpUtility.HtmlEncode(bean.nombre)%>"><%=HttpUtility.HtmlEncode(bean.nombre) %></a>
			                <ul class="sidebar-list" >
			                    <% foreach (UsuarioBean usuario in bean.listaUsuario){ %>
			                        <li class="user" ><a href="#" onclick="mostrarTraking('<%=Tarea.JSEncode(usuario.codigo) %>', '<%=Tarea.JSEncode(usuario.nombre) %>' );"  title="<%=HttpUtility.HtmlEncode(usuario.nombre)%>"><%=HttpUtility.HtmlEncode(usuario.nombre)%></a></li>
			                    <%} %>
			                </ul>
			             </li>
			             <%} %>
			             </ul>
			         </div>
			    </td>
			    </tr>
			    <tr >
			       <td>
			          <table  style="width: 100%;"  border="0" cellspacing="0" cellpadding="0">  
                        <tr id="control"> <td colspan='2'>&nbsp;</td> </tr>
                        <tr>
                            <td align="center" style="font-weight:bold">
                               <%=IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_FECHA) %>&nbsp;  
                              </td>   <td > 
                                <input type="text" id="idfechas" value="<%=StringUtils.getFechaActual( ) %>" class="date-pick" style="width:65px" MaxLength="10" onkeypress="keypressFecha(this, event)" />
                            </td>                
                        </tr> 
                     </table>  
			    </td> 
			    </tr>
		     </table>
    		
         </td>
     </tr> 
     </table>
     <input id="hidUsuario" type="hidden"  /> 
    <input id="hidNombreUsuario" type="hidden"  /> 
    <input id="hidPerfil" type="hidden"  />  
    <input id="hidNombrePerfil" type="hidden"  /> 
    <input id="hidAsistencia" type="hidden"  /> 
               
     <div id="idOculto" style="visibility:hidden"></div>
  </form>  
</body>
</html>
